@extends('Front.master')

@section('title', '官方活动')

@section('css')
<link type="text/css" rel="stylesheet" href="css/style.css"/>

<link href="css/index.css" rel="stylesheet" type="text/css">
<script src="js/Designer.js"></script>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/script.js"></script>

<style type="text/css">
    *{
        margin: 0px;
        border: 0px;
        padding: 0px;
    }
    @media screen and (min-width: 1300px) {
    html {
        overflow-y:hidden;
    }
	
</style>
@endsection


@section('content')


<ul class="h218px">
	<table width="1200" height="200" align="center" cellpadding="0" cellspacing="0" border="0" style="margin: auto;margin-top:50px">
		<tr>
			<th width="19" valign="top">
				<img src="imgs/Arrow-left1.png" class="pointer" id="arrLeft" border="0" onmouseover="change1()" onmouseout="change2()" />
			</th>
			<td width="1100" valign="top">
				<div id="scrollbox">
					<ul>
						@foreach ($activitys as $key => $activity)
							<li>
								<div class="jdt-div">
									<a href="javascript:;">
										<img src="{{ $activity->img }}" class="img1">
										<img src="imgs/tuoyuan2.png" class="img3">
										<img src="imgs/shangjiantou.png" class="img2">
									</a>
									<span class="time1">
										<p class="font_time">{{ date('d', strtotime($activity->date_time)) }}</p>

										<p class="font_time1">{{ substr(date('F', strtotime($activity->date_time)), 0, 3) }}</P>
									</span>
									<div class="jdt-font">
										<b class="b1">{{ $activity->title }}</b>
										<p class="p1">{{ $activity->desc }}</p>
									</div>
								</div>
							</li>
						@endforeach
					</ul>
				</div>
			</td>
			<th width="19" valign="top">
				<img src="imgs/Arrow-right.png" class="pointer1" id="arrRight" border="0" onmouseover="change()" onmouseout="change0()" />
			</th>
		</tr>
	</table>
	<SCRIPT language=javascript type=text/javascript>
		var scrollPic_02 = new ScrollPic();
            scrollPic_02.scrollContId   = "scrollbox"; //内容容器ID
            scrollPic_02.arrLeftId      = "arrLeft";//左箭头ID
            scrollPic_02.arrRightId     = "arrRight"; //右箭头ID
            scrollPic_02.frameWidth     = 1100;//显示框宽度
            scrollPic_02.pageWidth      = 380; //翻页宽度
            scrollPic_02.speed          = 8; //移动速度(单位毫秒，越小越快)
            scrollPic_02.space          = 8; //每次移动像素(单位px，越大越快)
            scrollPic_02.autoPlay       = false; //自动播放
            scrollPic_02.autoPlayTime   = 3; //自动播放间隔时间(秒)
            scrollPic_02.initialize(); //初始化
    </SCRIPT>
</ul>

@endsection

@section('js')
@endsection